﻿<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>

<!DOCTYPE html>
<html>
<head>
<title>用户注册</title>
<meta charset="utf-8">
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
<script src="css/jquery-2.1.0.min.js"></script>
<script src="css/bootstrap.min.js"></script>
<script src="js/jquery-2.1.1.min.js"></script>
<link href="css/style.css" rel="stylesheet" type="text/css">
<script src="js/jquery.gradientify.min.js"></script>
<script type="text/javascript"></script>
<style>
.registr {
	margin-left: 20px;
	margin-top: 18px;
}

.errortip {
	margin-top: 15px;
}

</style>

<script type="text/javascript">
	$(document).ready(function() {
		$("body").gradientify({
			gradients : [ {
				start : [ 49, 76, 172 ],
				stop : [ 242, 159, 191 ]
			}, {
				start : [ 255, 103, 69 ],
				stop : [ 240, 154, 241 ]
			}, {
				start : [ 33, 229, 241 ],
				stop : [ 235, 236, 117 ]
			} ]
		});

	});
	window.onload = function() {
		//window.setInterval("调用的函数/执行的代码",时间间隔单位毫秒)
		//window.setInterval 	按指定时间周期重复执行代码
		//window.setTimeout		延迟指定时间后执行一次代码

		var show = window.setInterval("showTime()", 1000);

	}

	function showTime() {
		var now = new Date();

		var showtime = document.getElementsByClassName("showtime").item(0);
		showtime.innerHTML = now.toLocaleTimeString();
	}
</script>
</head>
<body>
	<div class="comtainer">
		<h2 id="title">注册</h2>

		<div id="loginpage">

			<!-- 注册 -->
			<s:form action="/users_register" method="post">

				<div class="form-group has-success col-md-8">
					<div class="inputname">
						<label class="col-md-3 control-label" for="inputSuccess">帐号：</label>
						<div class="col-md-9">
							<input type="text" class="form-control"
								style="border:1px solid #fff;background:rgba(0, 0, 0, 0); "
								name="usersName" id="inputSuccess">
						</div>
					</div>
					<div class="inputname">
						<label class="col-md-3 control-label" for="inputSuccess">密码：</label>
						<div class="col-md-9">
							<input type="password" name="usersPwd"
								style="border:1px solid #fff;background:rgba(0, 0, 0, 0); "
								class="form-control" id="inputSuccess">
						</div>
					</div>
					<div class="inputname">
						<label class="col-md-3 control-label" for="inputSuccess">验证码：</label>
						<div class="col-md-4">
							<input type="text"
								style="border:1px solid #fff;background:rgba(0, 0, 0, 0); "
								name="randstr" class="form-control" id="inputSuccess">
						</div>
						<div class="col-md-5">
							<img src="image.jsp">
						</div>
					</div>
					<div style="margin-top: 20px;margin-left: 30px;">
						<button type="submit" class="btn btn-success">注册</button>
						<s:a href="index.jsp">
							<button type="button" class="btn btn-warning">首页</button>
						</s:a>
					</div>
				</div>
			</s:form>

			<div class="col-md-4 rightImg">
				<img src="img/2.jpg" class="img-rounded img-responsive">
				<div class="errortip">
					<p style="color:#fff; font-weight: bold;">
						<br/>
						<s:property value="#request.error" />
					</p>
					<br>
				</div>
			</div>
		</div>
		<div class="times">
			<h3 class="showtime"></h3>
		</div>

	</div>
</body>
</html>